﻿
body {
	background-image: url();	
	background-repeat:no-repeat;
	background-position: center;
	background-attachment:fixed;
	/*margin-left: 20px;*/
}

#header{
	width: 960px;
	height: 174px;
	margin: 0px;
}
#main{
width: 960px;
margin: 0px;
}
#nav {
clear: both;
	width: 960px;
    background-image:  url("../img/navi.png");
    height: 39px;
	margin: 0px;
}
#trong{
	width: 960px;
	height: 99px;
	float: left;
}
#top{
	width: 960px;
	height: 36px;
	float: left;
	background-image: url("../img/top.png");	
}
#toptext{
	color : #f98823; 
    font: bold 13px Tahoma,Arial;
	float: right;
	padding-top:  0px;
	padding-right: 20px;
}
#toptext li{
	text-decoration : none;
    color : #fefefe; 
    font-size : 13px;
    font-weight : bold;
	float:right;
}
#toptext li a{
	text-decoration : none;
	padding-top:  0px;
	color : #fefefe; 
}
#toptext li:hover a{
	padding-top:  0px;
	text-decoration : underline;
    color : #f98823;
       
}
#toptext #onetop li  { 
	padding-top:  0px;
	display: inline;
}
#toptext li b{
	text-decoration : none;
	padding-top:  0px;
	color : #19c919; 
}
#banner{
clear: both;
background-image: url("../img/banner2.png");
 width: 960px;
 float: left;
 height: 138px;
}
#content_right{
width: 250px;
height: 600px;
margin: 0px;
float: right;
}
#content_right div#hinhdong{
width: 250px;
height: 600px;
margin: 0px;
float: right;
background-image: url("../img/hinhdong.gif");
}
#content_left{
border:#b2b3b3 thin solid;
width: 700px;
margin: 0px;
float: left;
}
#footer{
clear: both;
background-color:#FF0000;
width: 960px;
height: 100px;
}
#dangtin{
width:250px;
height:60px;
background-image: url("../img/dangtinnhanh.png");
}
#khoangcach{
width: 250px;
height: 9px;
overflow: hidden;
}
#khoangcachtrai{
width: 700px;
height: 12px;
overflow: hidden;
}
#login{
clear: both;
width: 250px;
margin: 0px;

}
.tablewhite {
	width: 250px;
    background-color: #eaf5ff;
    border: 1px solid #68C0F9;
}
.section_title {
    background: url("../img/bglogin.jpg") repeat scroll 0 0 transparent;
    border-bottom: 1px solid #FFFFFF;
    color: #FFFFFF;
    font: bold 1.2em Arial,sans-serif;
    padding: 3px 2px 5px;
    width: 100%;
}
.rv_tdrow3 {
    background-color: #EAF5FF;
    color: #385A86;
    font: 12px Arial,sans-serif;
    padding: 5px 7px;
}
.statbox {
    background-color: #EAF5FF;
    font: 12px Arial,sans-serif;
}
.statrow {
    color: #505C67;
    height: 18px;
    padding: 4px;
}
.textorange {
    color: #FF5717;
}
.pink {
    color: #ED3A5E;
}
.floatleft1{
float: left;
}
.floatright1{
float: right;
}
.tieude{
padding-top:: 0px;
font-size: 12px;
}
#duongdan {
    width: 700px;
	height: 25px;
    background-color: #0A87D7;
    color: #0033CC;
	float: left;
	padding-top: 4px;
}
.ac{

	font: bold 13px Arial, Helvetica, sans-serif;
	color: #DC143C;
}

.navtinvip {
    background: url("../img/bgtinvip.png") repeat-x scroll 0 0 #0878C0;
    height: 34px;
}
.style1 {color: #0000FF}
.style2 {
padding-top: 3px;
    color: #FFFFFF;
    font-family: tahoma;
    font-weight: bold;
	font-size: 13px;
}
.tablebg_red {
    background-color: #F8F8FB;
    border: 1px solid #FF3300;
}
.inforvbarvip, .inforvbar {
    border-bottom: 1px solid #EEF3F9;
    color: #2F373D;
    height: 30px;
    padding: 6px 4px 6px 0;
}
.navtinmoi {
    background: url("../img/bgtinmoi.png") repeat-x scroll 0 0 #0878C0;
    height: 34px;
}
.tablebg_blues {
    background-color: #F8F8FB;
    border: 1px solid #0099FF;
}
.inforvbarvip, .inforvbar {
    border-bottom: 1px solid #EEF3F9;
    color: #2F373D;
    height: 30px;
    padding: 6px 4px 6px 0;
}
.imgborder {
    background-color: #FDFDFD;
    border: 1px solid #ECEEF4;
    padding: 1px;
}
.decsmall {
    color: #878787;
    font: 11px Arial,sans-serif;
}
.pagelinkbox {
    background-color: #F9FAFD;
    float: right;
    font: bold 12px Arial,sans-serif;
    margin: 10px 0;
    padding: 5px;
}
.pagecurrent {
    background-color: #0982D0;
    color: White;
    font-weight: bold;
    padding: 1px 6px 2px;
}
.pagelink {
    color: #6495ED;
    padding: 2px 4px;
}
.footbar {
    background-color: #009900;
    border-top: 3px solid #F6F7FB;
    color: #FFFFFF;
    font: 13px Arial,sans-serif;
    padding: 10px;
}
.textwhite {
    color: #FFEACA;
    font: 12px Tahoma,Arial,Verdana;
}
.navitem {
    color: #FFFFFF;
}
.nav .break {
    color: #F4F7FB;
    float: left;
    font: 12px Arial,sans-serif;
    padding-top: 9px;
}
#search{
width: 400px;
float: right;
padding-top: 5px;
}
#searchtext
{
margin-top: 3px;
text-align:left;
font-size: 13px;
color: #040404;}


/* ---------- do danh sach menu --------------*/ 
#new{
margin: 0px;
padding-left: 5px;
width: 700px;
float:left;
}
#new ul{
	line-height:1.5em;
  padding-left: 0px;
  width:695px;  
  border-top:1px solid #ccc;
  overflow:hidden;
  
}
#new li{
  line-height:1.5em;
  border-bottom:1px solid #ccc;
  float:left;
  display:inline;
}
#new li a{
	text-decoration : none;
    color : #00000; 
    font-size : 13px;
    font-weight : bold;
	text-align: left;
	float:left;
	display:inline;
}
#new li:hover a{
	text-decoration : underline;
    color : #00000;
       
}
#new #double li  { width:25%;} /* 2 col */

#section_filter {
clear:both;
    background-color: #0A87D7;
    color: #f8fcfd;
    font: bold 12px Tahoma,Arial;
	height: 30px;
}
#section_filter ul{
padding-top: 5px;
padding-left: 10px;
  width:690px;
  overflow:hidden;
}
#section_filter li{
  float:left;
  display:inline;
}
#section_filter li a{
	text-decoration : none;
    color : #f8fcfd; 
    font-size : 13px;
    font-weight : bold;
	text-align: left;
	float:left;
	display:inline;
}
#section_filter li:hover a{
	text-decoration : underline;
    color : #f8fcfd;
       
}
.inactive{
	background-color: #0A87D7;
    color: #FFFFFF;
    font-weight: bold;
    padding: 1px 5px 1px 6px;
}
#navigation {
width: 400px;
    color: #f8fcfd;
    font: bold 12px Tahoma,Arial;
	float: left;
}
#navigation ul{
padding-left: 10px;
  width:400px;
  overflow:hidden;
}
#navigation li{
  float:left;
  display:inline;
}
#navigation li a{
	text-decoration : none;
    color : #f8fcfd; 
    font-size : 13px;
    font-weight : bold;
	text-align: left;
	float:left;
	display:inline;
}
#navigation li:hover a{
	text-decoration : underline;
    color : #f8fcfd;
       
}

<!--phan login element------------>
 #wrapper {
        width: 250px;
        overflow: hidden;
     }
     .loginp {
        margin: 10px 0px;
     }
     
     .loginform {
        border: 1px solid maroon;
        padding: 5px;
     }
	 .loginform ul{
	    border: 1px solid maroon;
        padding: 5px;
	 }
     
     .loginul {
        list-style: inside;
     }
       
    .loginlabel {
	padding-top: 2px;
        float: left;
        display: block;
		font-size: 15px;
		font-weight: bold;
        width: 75px;
    }
    
    .logininput {
        padding-right: 3px;
		
    }
    
    .loginsubmit {
        margin-left: 90px;
        }
     
    #logindemo {
        text-align: center;
        border-top: 4px solid maroon;
        background: transparent url("../img/login.gif") no-repeat top center;
    }
    
    #logindemo a {
        color: white;
        text-decoration: none;
        font: bold 16px "Museo 700";
        display: block;
        width: 150px; height: 40px;
        line-height: 40px;
        margin: 0px auto;
        background: transparent url("../img/arrow.png") no-repeat 23px -18px;
    }
    
    #logindemo a.active {
        background-position: 23px 12px;
    }

    #logindemo a:active, a:focus {
        outline: none;
    }
<!---end element login------------------->
<!----cho cai danh muc thanh vien----->
.rv_tdrow1{
	height: 30px;
   color: #0872B5; 
   background-color: #EAF5FF;
   padding: 5px; 
   border-bottom: 1px solid #D2EAFF; 
   font: bold 13px Tahoma,Arial;
}
.rv_tdrow1 a{
	text-decoration: none;
   color: #0033CC; 
   padding: 5px; 
   font: bold 12px Tahoma,Arial;
}
.rv_tdrow1 a:hover{
	padding-top:  0px;
	text-decoration : underline;
    color : #f98823;
       
}
.rv_tdrow1 b{
	text-decoration : none;
	padding-top:  0px;
	color : #19c919; 
}

#loginrowlink{

	font: bold 13px Tahoma,Arial;
	color:#0033CC;
}


<!----end cai danh muc thanh vien----->
<!---end element login------------------->

<!---------noi dung tin---->
#postsview{
	width: 670px;
	padding-left: 10px;
	padding-right: 10px;
}
.pink {
    color: #ED3A5E;
	font-size: 15px;
}
.titdetailbar1 {
	float:left;
    color: #8C9AA8;
    font: bold 1em Tahoma,sans-serif;
    padding: 3px 0 5px 3px;
}
.orange {
    color: #FF5717;
}
.titdetailbar2 {
	background-color:#d0d1d1;
    color: #8C9AA8;
    font: bold 13px Tahoma,sans-serif;
    padding: 3px 0 5px 3px;
}
.titdetailbar3 {
    color: #8C9AA8;
    font: bold 13px Tahoma,sans-serif;
    padding: 3px 0 5px 3px;
}
#contentview {
padding-left: 10px;
border:#FF9900 thin solid;
    font: 13px Arial,sans-serif;
    margin-left: 10px;
	margin-right: 10px;
    overflow: hidden;
    padding-top: 10px;
	padding-bottom: 10px;
    width: 670px;
}
.floatleft {
    float: left;
	font-size:13px;
}
.floatright {
    float: right;
	font-size: 13px;
}
.clear {
    clear: both;
    overflow: hidden;
}
.rvtitbarname_orange {
    color: #DC143C;
    font: bold 15px Arial,sans-serif;
}
#comments {
    background-color: #FFFFFF;
    border: 1px solid #EDF1F8;
    margin-top: 2px;
}

#comments .row1 {
    background-color: #FBFCFC;
    border-bottom: 1px solid #F6F8FB;
    color: #6A7D8E;
    font: 11px Tahoma,sans-serif;
    padding: 5px 7px;
}
 #comments .row2 {
    color: #4E5C68;
    font: 12px Arial,sans-serif;
    padding: 7px 24px;
}
.contentbox {
    background-color: #FFFFFF;
    border: 1px solid #EDF1F8;
    height: auto;
    line-height: 160%;
    padding: 1px;
}
.rv_tdrow2 {
    background-color: #FFFFFF;
    color: #FFFFFF;
    font: 12px tahoma;
    padding: 1px;
}
.fieldtextbox {
    background-color: #FDFDFD;
    border: 1px solid #B0C4DE;
    color: #3B454F;
    font: 12px/140% Arial,sans-serif;
    overflow: auto;
    padding: 1px 1px 1px 2px;
	width: 700px;
}
.textnote {
    color: #DB7093;
    font: 10px Verdana,sans-serif;
}
.fieldbutton {
    background-color:#FF6600;
    border: 0 none;
    color: #F7F8F9;
    cursor: pointer;
    font: bold 12px Arial,sans-serif;
    height: 23px;
    padding-bottom: 2px;
    width: 90px;
}
#review_content{
	width: 700px;
}

<!---end noi dung tin------------------->
<!---search tin------------------->
.title_list {
    color: #30A6BC;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
}
.bg2 {
    background-color: #F8F8F8;
}
.tableList td {
    height: 35px;
    padding: 5px 5px 5px 12px;
}
<!-- phan template cua user_hoan--------------------->
#wrapper{
width: 960px;
margin: 20px;

}
#content{
}
#sideBar{
float: left;
width: 200px;
border: 1px solid #999999;
 
}
#sideBar div#hopdk{
background-color:#3399FF;
margin-top: 0px;	
}
#sideBar div#hopdk h1{
text-align:center;
font-size: 18px;	
}
#sideBar div#phandk{

}
#sideBar div#phandk h1{
font-size: 18px;
background-color:#CADCDF;
}
#sideBar div#phandk ul{
font-size: 14px;
}
#content-right{
float:right;
width: 750px;

}
#content-right div#tieude{
background-color:#3399FF;
margin-top: 0px;
}
#content-right div#tieude h1{
text-align:left;
font-size: 18px;
}
#footer{
height: 41px;
}
#footer h3{
text-align:center;
}
#input-left{
color:#3333FF;
float:left;
width: 150px;
}
#input-right{
color:#3333FF;
float:right;
width: 580px;
}
#input-center{
color:#3333FF;
text-align:center;
}
#khoangcach{
width: 250px;
height: 9px;
overflow: hidden;
}
#khoangcachtrai{
width: 700px;
height: 12px;
overflow: hidden;
}
.navtinmoi {
    background: url("../img/bgtinmoi.png") repeat-x scroll 0 0 #0878C0;
    height: 34px;
}
.style_hoan{
	padding-top: 3px;
    color: #FFFFFF;
    font-family: tahoma;
    font-weight: bold;
	font-size: 13px;
	margin-left: 15px;
}
.style_hoan2{
	padding-top: 3px;
    color: #3333FF;
    font-family: tahoma;
    font-weight: bold;
	font-size: 13px;
	margin-left: 15px;
}
.customerposts_form{
	clear:both;
	background: url("../img/bgcustomerposts.png") repeat scroll 0 0 transparent;
	width: 600px;
	margin-top: 20px;
	margin-left: 180px;
}
.user_form{
	clear:both;
	background: url("../img/bgcustomerposts.png") repeat scroll 0 0 transparent;
	width: 600px;
	margin-top: 20px;
	margin-left: 20px;
}
<!---------end phan template user_hoan---------------->
<!---begin format image trong cac catalogs ------------------->


<!---end search tin------------------->
<!----------------phan phan trang trong element view post------------->
.nav {
overflow: hidden; padding: 0px;
}
ul.nav li { 
display: inline; float: left;margin: 0px 5px;background: #8AB1FE;
}
ul.nav li a {
color: white;text-decoration: none;display: block; padding: 3px 8px;
}
ul.nav li:hover {background: #3A7ABE;}
ul.nav li.current {font-weight: bold; padding: 3px 8px; }
<!-----------------end phan trang------------------------------------>
